<template>
  <div class="app-container">
    <div>
      <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
        <el-menu-item index="1">热洗工作安排</el-menu-item>
        <el-menu-item index="2">化清工作安排</el-menu-item>
      </el-menu>
    </div>
      <component8 v-if="activeIndex==='1'" />
      <component9 v-else-if="activeIndex==='2'" />
   </div>
</template>
<script>
import component8 from '@/views/well_comprehensiveQuery/components/component8.vue'
import component9 from '@/views/well_comprehensiveQuery/components/component9.vue'
export default {
  components:{
   component9,
     component8
  },
  data() {
    return {
      activeIndex: '1'
    }
  },
  methods: {
    handleSelect(index) {
      this.activeIndex = index
    }
  }
}

</script>

<style scoped>

</style>
